<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vivo智能手机</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="./css/head.css" />
    <link rel="stylesheet" href="./css/swiper.min.css" />
    <link rel="stylesheet" href="./css/common.css" />
	<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/lunbo.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <header class="header">
    	<!--搜索-->
        <div class="head-search">
			<div class="search-box">
				<from>
					<input type="text" name="" id="" value="" placeholder="如：X6"/>
					<button type="submit">搜索</button>
					<a href="javascript:;" class="close"></a>
				</from>
			</div>
        </div>
        <!--头部-->
        <div class="wrap">
        	<nav class="navigator">
        		<a href="index.php" class="logo">
        			<img src="image/logo.png"/>
        		</a>
        		<ul class="nav-box">
        			<li><a href="view/phone.php">手机</a></li>
        			<li><a href="">配件</a></li>
        			<li><a href="">V币商品</a></li>
        			<li><a href="">服务</a></li>
        			<li><a href="">社区</a></li>
        			<li><a href="">官网</a></li>
        		</ul>
        		<div class="seach-user">
        			<ul class="seach-menu">
        				<li><a href="javascript:;"><b class="nav-bg1"></b></a></li>
        				<li><a href="">	<b class="nav-bg2"></b>	</a></li>
        				<li><a href="view/shoppingCar.php">	
        					<b class="nav-bg3"></b>	
        					<em>0</em>
        					</a>
        				</li>
        			</ul>
        		</div>
        		
        	</nav>
        </div>
    </header>
    <div class="content">
    	<div class="con_a">
			<div class="swiper-container">
		        <div class="swiper-wrapper">
		            <div class="swiper-slide"><img src="image/con1.jpg"/></div>
		            <div class="swiper-slide"><img src="image/con2.jpg"/></div>
		        </div>
		        <!-- Add Pagination -->
		        <div class="swiper-pagination"></div>
		        <!-- Add Arrows -->
		    </div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="image/con3.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="image/con4.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="image/con5.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="image/con6.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="image/con7.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="image/con8.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="image/con9.jpg"/>
    			</div>
    		</div>
    	</div>
    	<div class="con_b">
    		<div class="con_b1">
    			<div class="con_b2">
    				<img src="image/con10.jpg"/>
    			</div>
    		</div>
    	</div>
    </div>
    <footer id="footer">
    	<div class="shop-agree">
    		<div class="wrapper">
	    		<ul class="cl">
	    			<li>
	    				<a href="#">
	    					<b class="foot-b1"></b>
	    					<p><span>0</span>运费购手机</p>
	    				</a>
	    			</li>
	    			<li>
	    				<a href="#">
	    					<b class="foot-b2"></b>
	    					<p><span>30</span>无理由退货</p>
	    				</a>
	    			</li>
	    			<li>
	    				<a href="#">
	    					<b class="foot-b3"></b>
	    					<p>电子发票</p>
	    				</a>
	    			</li>
	    			<li>
	    				<a href="#">
	    					<b class="foot-b4"></b>
	    					<p><span>380</span>余家售后服务中心</p>
	    				</a>
	    			</li>
	    		</ul>
    		</div>
    	</div>
    	<div class="shop-help">
    		<div class="wrapper cl">
    			<dl>
    				<dt><b class="help-b1"></b>购买流程</dt>
    				<dd><a href="">· 支付宝支付</a></dd>
    				<dd><a href="">· 发票说明</a></dd>
    				<dd><a href="">· 优惠券说明</a></dd>
    				<dd><a href="">· 花呗分期</a></dd>
    			</dl>
    			<dl>
    				<dt><b class="help-b2"></b>配送方式</dt>
    				<dd><a href="">· 配送方式</a></dd>
    				<dd><a href="">· 配送费用</a></dd>
    				<dd><a href="">· 签收须知</a></dd>
    			</dl>
    			<dl>
    				<dt><b class="help-b3"></b>服务支持</dt>
    				<dd><a href="">· 服务保证</a></dd>
    				<dd><a href="">· 售后服务</a></dd>
    				<dd><a href="">· 售后网点查询</a></dd>
    				<dd><a href="">· 碎屏宝</a></dd>
    				<dd><a href="">· 手机延保</a></dd>
    			</dl>
    			<dl>
    				<dt><b class="help-b4"></b>品牌服务</dt>
    				<dd><a href="">· 常见问题</a></dd>
    				<dd><a href="">· 相关下载</a></dd>
    				<dd><a href="">· 联系我们</a></dd>
    			</dl>
    			<dl>
    				<dt><b class="help-b5"></b>小V在线时段</dt>
    				<dd><a href="">周一至周五 08:00-21:00</a></dd>
    				<dd><a href="">周六、周日 09:00-18:00</a></dd>
    				<dd><a href=""><img src="image/foot-bg1.png"/></a></dd>
    			</dl>
    		</div>
    	</div>
    	<div class="foot-copyright">
    		<div class="wrapper cl">
    			<div class="foot-right">
    				成为vivo粉丝:
    				<a href=""><b class="fr-b1"></b></a>
    				<a href=""><b class="fr-b2"></b></a>
    				<a href=""><b class="fr-b3"></b></a>
    				<a href="" class="weixin">
    					<b class="fr-b4"></b>
    					<div class="hide">
    						<img src="image/foot-bg3.jpg"/>
    						<b class="fr-b5"></b>
    					</div>
    				</a>
    				
    			</div>
    			<div class="foot-copy">
    				<a href="" class="foot-logo"></a>
    				Copyright ©2011-2016 广东步步高电子工业有限公司
    				<br />
    				版权所有 保留一切权利粤B2-20080267 | 
    				<a href="" class="wen">粤ICP备05100288号</a>
    			</div>
    		</div>
    	</div>
    </footer>
    <div id="sid-bar">
    	<ul>
    		<li><a href="" class="sid-bg1">
    			<div>
    				在线客服
    			</div>
    		</a></li>
    		<li><a href="" class="sid-bg2">
    			<div class="sb-1">
    				<img src="image/sid-bar5.png"/>
    				<p>
    					支付宝扫码
    					<br />
    					关注享最新活动福利
    				</p>
    			</div>
    		</a></li>
    		<li><a href="" class="sid-bg3"><div>
    				意见反馈
    			</div></a></li>
    		<li><a href="" class="sid-bg4"><div>
    				返回顶部
    			</div></a></li>
    		
    	</ul>
    </div>
</body>
</html>